* {padding: 0px;margin: 0px;box-sizing: border-box;}

body{  margin:0 auto; padding:0px; color:#323232;}
html{font-size:62.5%;}
body {font: 1.4rem/2.8rem 'microsoft yahei', Arial, Helvetica, sans-serif, "Hiragino Sans GB";}
img{ border:0px;}
em{ font-style:normal;}
ul,li,form,p,dl,dt,dd{ margin:0; padding:0;}
ul,li{ list-style:none;}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0; font-size:1.4rem; font-weight:normal;}
.clearfix:before{ content:""; height:0; line-height:0; display:table;}
.clearfix:after{ content:""; height:0; line-height:0; display:table; clear:both;}
a {text-decoration: none; color: #666; word-wrap:break-word;outline:none;}
a:hover {text-decoration: none; color:#c8a063;}
video{max-width: 100%;}




@media(min-width:999px){
.fr {float: right;}
.fl {float: left;}

#nav {width: 100%;position:absolute; top:140px; z-index:1}
#nav ul{ margin-left:47px; overflow:hidden;}
#nav ul li{float: left; width:160px; font-size: 16px;line-height: 62px; font-weight:bold;}
#nav ul li a {display: block; text-decoration: none; text-align:center;}
.sblock20{ height: 20px;}
.sblock30{ height: 30px;}
.wrap{ width:1400px; margin:0 auto;}
.pc{ display: block;}
.wap{ display:none;}
.container{margin-left: auto;margin-right: auto; width: 1200px;}

/*在线客服*/
.online-qq {position: fixed;top: 50%;right: 3px;z-index: 200;}
.online-qq .qq_content {background: #fff;margin: 0;	padding: 0;}
.online-qq .qq_content .dt {text-align: center;background: #c8a063;color: #fff;  line-height:2.5rem;font-weight: bold;padding: 6px 15px;border: 1px solid #ddd;border-bottom: 0;}
.online-qq .qq_content .qq {padding: 10px 10px 5px;margin: 0;border: 1px solid #ddd;border-top: 0}
.online-qq .qq_content .qq p {background: url(../images/online_qq.png) repeat-x 0 -33px;margin: 0 0 5px}
.online-qq .qq_content .qq a {border: 1px solid #ddd;display: block;background: url(../images/online_qq.png) no-repeat 10px -72px;height: 23px;line-height: 23px; font-size:1.2rem;padding: 0 18px 0 30px}
.online-qq .qq_content .tel {background: #fff;padding: 10px;margin: 0;text-align: center;line-height:2rem;color: #333;border: 1px solid #ddd;border-top: 0}
.online-qq .qq_content .tel p {text-align: center;font-size: 12px}
.online-qq .footqq {border: 1px solid #ddd;background: #f1f1f1;height: 2px;overflow: hidden;margin: 0 5px;border-top: 0;display: none}
}




@font-face {font-family: "iconfont";
    src: url(../font/iconfont.eot?t=1597964261481); /* IE9 */
    src: url(../font/iconfont.eot?t=1597964261481#iefix) format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAZwAAsAAAAAC8AAAAYhAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDSAqKIIh0ATYCJAMYCw4ABCAFhG0HaRs7CjOS0M0o2X+VwB0mvpwHZZXeF72PwkxE2UeuMHN+cQiHGAlEscHmLMKdcPBMPPy3n3bfzHwokKqrMImqBWC5yJLARq1wPX6tw6JbYRIAC3hoionWZU7NaSv73TgwQFQobOCuktWQPzZvAwNkxfTg5JbmbAjCRqiSnN2DR1/I3dKD9NPcACZyJNJr/h/ul3xZYPmAzuVHXUVQ9DYcjSuABhTRFm0D3sQmqPNt7+QlMwFqmmsz869xPYFBU7pi9WP3VKuwpkDTK3p6X9twKwOq0Npq4djSiWqVNvXSO35kvx83poOYpMrsjQ6frD2yeO68l2H/+60MfT9fELOTyOiiEJ/F8Fu5MHYz86D0F4ptDGsl5dx5Ou+cx/Nev9+gbTwMu395ZEWoJKIG8zDzdisV5yKnvLEkOBVYOnAKWN4A11p6GJFAfcZtJokz0sOJlXZtFBpJjd/EhJnH5wVQlSe6XNEApISHA1dMmk8Xgpa2jfhAyEabkPMbrVSFpZLJmCFvlHK0PhvqgCSU9AdZlm3zZIiptmkaHMZvCZYtshCRt0lDoKr3Mbqj1rTc6NV4aAwjYoUQrw+ALgBrS9t2I16MGAahRo26eACUTQfcAPqasEed2uShAYi/MdBfC4o2rq/zdnDSTpIyX7rPWrbv7gob9oaNf9cq/pB+lH2bxN21S+rqgxuJc04YlUdzbuhXMUkxVrN3julaf8qVla+8N+EUV9d2uTh4eG3aZiWfcCdTqfNUwjyZkR/fQ64ya/z4hbCZU/KIj2os1pNa7pSklSttP3f9El6oxpo1vb5qTviQLTqZnG5Ak2fjkkt4zjDHGRsOuJkt2uI6kQ+b553ZdJvriW6m8r8Q/mpLenoLqyxLc2CQSzWz8rKiHUhn1vBfv7A1IEnbGr6O//yFrwFBO9llizH8yRNsDAjiY/h4xZD2NnjjGd+RTUY46o378HqZ3wnpLCzxkGfICCHksMRhDuXzhD2z+Og8Jm4p6mdZ8cRnLNQrMuof30TE70mGpr+l2Lh41/6Cs6Kln7nIsOjUsIi5sL9F5eVuY6FOoX7oFjYW4H9JZUPNTx3thxCPAvdJmnu3QVKSftcykBQpz+lOQWhN8NCIN4kWjwGy7Vwlbx/l3DpyeHuDqce1vLyVchvY9YIpaItoyImdTBk8FdwOelyhZVEu00BTbjG+K/UzdN4FpA1i1h+VvgZjr72Ulfx9XJ9v88F5FVEukyBTTgcwQflXwZw2NcIStlOYh9SiBwNYJhhtJuhI8AanqH9t5ab50CuIJgy0qvnQBwkHCn8T/n5fYXgm/Fykse9NJixstDIZzUIHKtEwNDRBirtWqzR6ybM4GeoFFAVu67HrbUvHsceNwfRTQenXqUMDOzrjr4rVQgFh7NGqGiahXNGS7aPKGi7UcTxMtV9i8wiKSVhD1WLEooMC/KMT87GpCNQJdZ5CiSgfn/aaf4Pp/HxiHos0Zv76YNorAhZCZTx57dpd2QRiT3KIRC/mzpCIUprbJUAlLwdtpU7fV7I/JBheVM+xRP6fuT/tQk4ZaIzXJN59YUX4WGePgJI2kXpndo6oiFveLJTQSFFdFOImHrgJISJD1WOuNJDOboidoV4A/+/zMaae3Qxi21gaAAD2H1MAAMB/YsFhajuYz+e28qJS/0pM9j9bdDuA+yk5/0NdOA0gYFhATYQgT4Wehd5S1kNY1uMjXGmIACCUgaiIAiB1UwDCTZzWvXNZGdREELUyVIAiwgEYYvwsnCcOBMjIAyFiWkBKjNHJZOjEwiCFBABEFRhAUJsCFKUtwFA7y8J5d4EAo7dAiDowIOUYdOckIxgQ2l0Fa8UOmhdQy9F4n+7y5i+0yddSpzL1H8pIOSizol37xIhyjgPGu61UDRjhAB/mZug9wyDcY6vZTXW45LmRXihrOUx2roK1YgfNC6jlaJLpddf5+S+0ydcyMOHG8A9lpLVDmRUK1qc5qia8l87xbiuloIFoUDjABwXRuzLDIG/VY6vZ7YjicMlpMqM1Z9e3hl95FQyyF6ojRY4SVdTROL+nOtrY2GcbKqdlR/+UDoo9HSk+kBpeJ8UnxfLARj8SZ9dkAgAAAA==') format('woff2'),
    url(../font/iconfont.woff?t=1597964261481) format('woff'),
    url(../font/iconfont.ttf?t=1597964261481) format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url(../font/iconfont.svg?t=1597964261481#iconfont) format('svg'); /* iOS 4.1- */
}

.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-tencent:before { content: "\e600"; }
.icon-wechat:before { content: "\e602"; }
.icon-weibo:before { content: "\e66e";}
.icon-tubiao:before { content: "\e62b"; }
.icon-diqiu:before { content: "\e689";}


#header{ width: 100%; height:200px; margin: 0 auto; background: url(../images/body_bg.jpg) repeat-x;}
#header .wrap{}
.top-logo {float: left;width: 600px;}
.top-logo .logo {float: left; text-align: left;}
.top-logo .text {float: left; color: #666666; font-size: 22px; font-weight: normal; display: inline-block; letter-spacing: .35rem; padding: 30px 0 5px 15px;}
.top-logo .text strong {display: block; font-size: 3rem; line-height:3.8rem; color: #c8a063;font-weight: bold; letter-spacing: .3rem;}

.phone-language{ float: right; }
.phone-language a{padding:0 5px; border-right: #eee 1px solid; font-size: 14px }
.phone-language a:last-child{border-right:transparent;}
.phone-language .language{text-align: right;}
.phone-language .phone{margin-top: 30px;}
.phone-language .phone i {background: url(../images/top_phone.png) no-repeat left center;position: absolute; display: block; width: 25px; height: 25px; }
.phone-language .phone p {font-size:22px; font-weight:bold; line-height:25px; padding-left: 40px}

#footer{ width: 100%; height: auto; clear: both; margin: 0 auto;}
/* 友情链接 */
.f-link{ background-color: #fff; margin: 0 auto; padding:15px;}
.f-link .wrap{ background-color: #fff; overflow: hidden; color: #787878;}
.f-link .wrap a{ padding: 0 4px; color: #787878;  text-decoration: none;}
.f-link .wrap a:hover {text-decoration: none; color:#c8a063;}

/* 通用底部 */
#footer .f-box{ background-color: #2f2f2c; margin: 0 auto;}
#footer .f-box .wrap{ background-color: #2f2f2c;}
/* 通用底部-左 */
.f-box .btm-l{ float: left; width: 840px; padding-top: 30px; }
.f-box .btm-l .link-box{ display: flex; justify-content: space-between; align-content: center; position: relative; padding-bottom: 20px;}
.f-box .btm-l .link-box:after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; background-color: #4e4e4d; height: 1px;}
.f-box .btm-l .link-box .link-item{position: relative; border-right: 1px solid #4e4e4d; flex: 1; padding-bottom: 10px;}
.f-box .btm-l .link-box .link-item:first-of-type{  flex: none; padding-right: 90px;}
.link-item h6{ font: 14px/30px "Microsoft YaHei"; color: #fff; text-align: center; padding-bottom: 10px;}
.link-item ul li{ text-align: center; font:12px/24px "Microsoft YaHei"; color: #8a8a8a;}
.link-item ul li a{ text-decoration: none; color: #8a8a8a;}
.link-item ul li a:hover{ color: #fff;}
.f-box .btm-l .copyright{ color: #8a8a8a; font: 12px/70px "Microsoft YaHei";}
.f-box .btm-l .copyright a{ text-decoration: none; color: #8a8a8a; padding-left:1rem;}
.f-box .btm-l .copyright a:hover{ color: #fff;}
/* 通用底部-右 */
.f-box .btm-r{ float: right; width: 420px; padding: 20px 0; color: #fff;}
.f-box .btm-r .r-contact{ position: relative; padding-bottom: 10px;}
.f-box .btm-r .r-contact:after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; background-color: #4e4e4d; height: 1px;}
.f-box .btm-r .r-phone_tit,.f-box .btm-r .r-flow_tit{ font: 14px/30px "Microsoft YaHei"; padding: 10px 0;}
.r-contact .r-phone_num{ font:bold 30px/30px "Microsoft YaHei";}
.r-contact .r-phone_txt{ font:12px/30px "Microsoft YaHei"; color: #8a8a8a; padding: 0 0 10px 0;}
.r-follow .r-flow_ico ul{ zoom: 1; margin-left: -20px;}
.r-follow .r-flow_ico ul li{ float: left; width: 52px; height: 52px; margin-left: 20px;}
.r-follow .r-flow_ico ul li a{ display: block; width: 52px; height: 52px; color: #a4a4a2; text-decoration: none; text-align: center; background-color: #666663;} 
.r-follow .r-flow_ico ul li a:hover{ color: #fff; background-color: #c8a063;}
.r-follow .r-flow_ico ul li a i{ font-size: 28px; line-height: 52px;}

/* 首页轮播 */
.indexbanner{width:100%;position:relative;overflow:hidden;background-color:#f2f2f2;}
.indexbanner li{width:100%;position:relative;width:100%; overflow:hidden;float:left; -webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;height:100%;position:relative;}
.indexbanner ul{width:100%;height:100%; z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box
}
.indexbannerbtn{width:100%;text-align:center;position:absolute;left:0;z-index:20;bottom:12px;}
.indexbannerbtn p span{display:inline-block;width:50px;height:4px;background:#fff; overflow:hidden;margin:0 5px;cursor:pointer;}
.indexbannerbtn p span.swiper-pagination-bullet-active{background:#c8a063;}
.indexbanner img{display:block;width:100%;position:relative;}

.bannertextcont{padding:20px 15px 40px 40px;text-align:center; color:#333;background:#f2f2f2;}
.bannertitle{font-size:20px;}
.bannertext{font-size:16px;margin:10px 0; }
.bannertext-sm{font-size:14px; margin: 0; }

@media (min-width:1024px)
{
.bannertitle{font-size:4.5rem; font-weight: bold; transition:all 600ms;-webkit-transition:all 600ms;-moz-transition:all 600ms;-ms-transition:all 600ms;-o-transition:all 600ms;-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);-o-transform:translateY(50px);transform:translateY(50px);opacity:0;}
.bannertext{font-size:2.8rem;margin:3rem 0;transition:all 1200ms;-webkit-transition:all 1200ms;-moz-transition:all 1200ms;-ms-transition:all 1200ms;-o-transition:all 1200ms;-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);-o-transform:translateY(50px);transform:translateY(50px);opacity:0}
.bannertext-sm{font-size:1.6rem;opacity:0;transition:all 1800ms;-webkit-transition:all 1800ms;-moz-transition:all 1800ms;-ms-transition:all 1800ms;-o-transition:all 1800ms; -webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);-o-transform:translateY(50px);transform:translateY(50px);}
.bannertextcont{background:none;text-align:left; position:absolute;padding:0 15px; left:10%;top:40%;transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);-moz-transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);-o-transform:translate(0%,-50%); z-index:10;color:#333;}
.bannertextcont.right .controlwz{ float:right; }
.bannertextcont.white { color:#fff; }
.indexbanner li.active .bannertitle{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1}
.indexbanner li.active .bannertext{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1}
.indexbanner li.active .bannertext-sm{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1}
}

@media (min-width: 1199px) {
.bannertextcont{padding:0; min-width:1180px;left:50%;top:45%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); }
}

/* 首页分类、产品版块 */
.h-goods{ background: url(../images/h-classify-bg.png) no-repeat top center; width: 100%; height: 780px; margin: 0 auto; }
.h-goods .wrap{ align-content: center; padding: 4rem 0 0; overflow:hidden;}
.h-goods_l{ float: left; width: 1060px; padding-right: 25px; }
.h-classify_hd ul{overflow:hidden;}
.h-classify_hd ul li{ width:12.4%; float:left;background-color: #7d7d7d; border-left: 1px solid #fff; text-align: center;}
.h-classify_hd ul li a{height: 3.8rem; line-height:3.8rem; color: #fff;text-align: center;  }
.h-classify_hd ul li.cur,.h-goods_l .h-classify_hd ul li:hover{ background-color: #c8a063;}
.h-classify_hd ul li:first-of-type a{ border-left: 0;}

.h-goods_l .h-classify_bd{overflow:hidden; padding-top:20px; }
.h-goods_l .h-classify_bd ul{ margin:0 -15px;}
.h-goods_l .h-classify_bd li{float:left;width: 322px; margin:15px; position: relative;}
.h-goods_l .h-classify_bd li .pImg{display: block;height: 233px;overflow: hidden;position: relative;}
.h-goods_l .h-classify_bd li .pImg img{width: 100%;height: 100%;transition: all .5s}
.h-goods_l .h-classify_bd  li .pImg:before{position: absolute;content: "";left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,0.7);opacity: 0;transition: all .5s;z-index: 1}
.h-goods_l .h-classify_bd  li:hover .pImg:before{opacity: 1}
.h-goods_l .h-classify_bd li .pImg:after{content: "";position: absolute;width:47px;height: 49px;background: url(../images/view-case.png) no-repeat center center;z-index: 2;left: 50%;top: 50%;transition: all .5s;opacity: 0;margin-left: -25px;margin-top: -25px;transform: scale(0);}
.h-goods_l .h-classify_bd li:hover .pImg:after{opacity: 1;transform: scale(1.0);}
.h-goods_l .h-classify_bd  li:hover .pImg img{transform: scale(1.2);-ms-transform: scale(1.2);  -webkit-transform: scale(1.2);  -o-transform: scale(1.2);   -moz-transform: scale(1.2); }
.h-goods_l .h-classify_bd  li h4{height: 50px;line-height: 50px;text-align: center;color: #333;font-weight: normal;transition: all .5s;background-color: #f2f2f2}
.h-goods_l .h-classify_bd  li:hover h4{background: #c8a063;color: #fff;}

.h-goods_r{ float: right; width: 315px; height: 625px;}
.h-goods_r .h-goods_toCenter{ width: 315px; height: 290px; background: url(../images/h-class-bg.jpg); display: flex; flex-direction: column; justify-content: flex-start; align-self: center;} 
.h-goods_toCenter h5.desc,.h-goods_toCenter h2.tit,.h-goods_toCenter a{ display: block; text-align: center; color: #fff; text-decoration: none;}
.h-goods_toCenter h5.desc{ font:22px/40px "Microsoft YaHei"; padding: 50px 0 20px;}
.h-goods_toCenter h2.tit{ font:60px/60px "Microsoft YaHei"; padding-bottom: 30px;}
.h-goods_toCenter a{ background-color: #fff; color: #c8a063; width: 180px; height: 40px; font:16px/40px "Microsoft YaHei"; margin: 0 auto;}
.h-goods_r .h-goods_ads{ padding:0 10px 10px 10px; background-color: #f0f0f0;}
.h-goods_r .h-goods_ads a{ display: block; width: 295px; height: 325px;}
.h-goods_r .h-goods_ads a img{ width: 295px; height: 325px;}


/* 我们的优势 */
.h-youshi{ background: url(../images/h-youshi-bg.jpg) no-repeat top center;}
.h-youshi .wrap{margin: 0 auto; box-sizing: border-box; padding-top: 80px; overflow:hidden;}
.h-youshi_row{overflow:hidden;}
.h-youshi_row .pic{ width:700px;}
.h-youshi_row .inf{width:700px;}
.h-youshi_row .inf .item{ margin-bottom: 30px;}
.h-youshi_row .inf .item .tit{margin-bottom: 20px; overflow:hidden;}
.h-youshi_row .inf .item .tit .inf-index{ width: 58px; height: 58px; background:url(../images/icon-youshi.png); margin-top: 10px; margin-right: 10px; text-align: center; color: #fff; font:bold 28px/58px "Microsoft YaHei"; float:left}
.h-youshi_row .inf .item .tit .inf-title{ margin-left:70px}
.h-youshi_row .inf .item .tit .inf-title h4{ color: #c8a063; font:bold 2.4rem/4rem "Microsoft YaHei";}
.h-youshi_row .inf .item .tit .inf-title h5{ color: #363636; font:bold 2.4rem/3rem "Microsoft YaHei";}
.h-youshi_row .inf .item .txt{ padding-left: 70px; color: #5a5a5a; margin-right:10px;}
.h-youshi_row .inf .item .txt p{ margin-bottom:1rem;}

/* 公司简介 */
.h-about{ background: url(../images/h-about-bg.jpg) no-repeat top center; width: 100%; height: 780px; clear: both; margin: 0 auto; overflow:hidden; }
.h-about .wrap{ background: url(../images/h-about-bg.jpg) no-repeat top center; height: 780px; clear: both; margin: 0 auto; box-sizing: border-box;}
.home-about_info{ color: #fff; font: 14px/30px "Microsoft YaHei"; box-sizing: border-box; padding: 260px 680px 0 0; height: 460px;}
.home-about_info p{ padding: 5px 0;}
.home-about_info a{ display: block;  background-image: url(../images/about-more-btn.jpg); color: #fff; width: 146px; height: 40px; font:14px/40px "Microsoft YaHei"; text-decoration: none; text-align: left; box-sizing: border-box; padding-left: 36px; margin-top: 20px;}
/* 实力展示 */
.home-shili_hd{ display: flex; justify-content: space-between; height: 200px; box-sizing: border-box; padding: 100px 20px 0 20px;}
.home-shili_hd .to_more{ height: 160px; display: flex; flex-direction: column; justify-content: flex-end;}
.home-shili_hd .to_more a{ display: block;  background-image: url(../images/apply-more-btn.png); color: #fff; width: 146px; height: 40px; font:14px/40px "Microsoft YaHei"; text-decoration: none; text-align: left; box-sizing: border-box; padding-left: 36px; margin-left: 18px;}
.home-shili_hd .box{ width: 970px; height: 200px; background-color: #fff; padding: 0 30px;}
.picMarquee-left{ overflow:hidden; position:relative;}
.picMarquee-left .bd{ padding:30px 0 0 0; }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 5px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; width: 178px; height: 125px; border: 1px solid rgba(203, 168, 108, 0.4); padding:2px;}
.picMarquee-left .bd ul li .pic img{ width: 178px; height: 125px; display:block }
.picMarquee-left .bd ul li .tit{ height: 35px; font: 14px/35px "Microsoft YaHei";}





/* 应用范围 */
.h-apply{ background: url(../images/h-apply-bg.jpg) no-repeat top center; width: 100%; height: 760px; overflow:hidden;  margin: 0 auto; }
.h-apply .wrap{ background: url(../images/h-apply-bg.jpg) no-repeat top center; height: 760px; clear: both; margin: 0 auto; box-sizing: border-box; padding-top: 100px;}
.h-apply_bd{ margin-top: 40px;}
.h-apply_sm{ width: 558px; height: 420px; float: left;}
.h-apply_lg{ width: 842px; float: right;}
.h-apply_sm .item{ position: relative; width: 558px; height: 420px;}

.h-apply_lg li {float: left;width: 270px; height:210px; margin-left:10px; margin-bottom:10px;}
.port-1 .text-desc h3{font-size: 18px;color:#fff;text-align:center;font-weight: bold;}
.port-1 .text-desc p{ padding:3% 10%; display:none; line-height:28px; font-size:14px;color:#fff;}
.text-desc{position: absolute; left: 0;  height: 100%; width:100%; transition: 0.5s; color: #000; top: auto; bottom: -45%;}

.port-1{ position: relative; overflow: hidden;}
.port-1 img{transition: 0.5s; width:270px; height:210px;}
.port-1 .sm{width:100%; height:428px;}

.port-1 .text-desc:hover h3{font-size: 20px;text-align:center; margin-top:15%; }
.port-1.effect-2:hover .text-desc{bottom: 10px; background-color: #271801; opacity: 0.9; }
.port-1.effect-2:hover p{ display:block;}
.port-1 .text-desc .btn{ text-align:center;display:none; }
.port-1.effect-2:hover .btn{ display:block; margin-top:10px;}
.port-1 .text-desc .btn a{padding: 5px 10px;  color: #fff; width:100px; border: 1px solid #fff; text-decoration: none; transition: 0.4s;}

.h-apply_lg .more{ padding: 45px 0 0 60px;}
.h-apply_lg .mr {float: left;width: 280px; margin-bottom:10px; margin-left:0px; list-style: none; background-color: #c8a063;}
.h-apply_lg .more .pic {width: 160px;height: 60px;background: url(../images/apply-more-bg.png);margin-bottom: 20px;}
.h-apply_lg .more a {display: block;background-image: url(../images/apply-more-btn.png);color: #fff;width: 146px;height: 40px;font: 14px/40px "Microsoft YaHei";text-decoration: none;text-align: left;
    box-sizing: border-box;padding-left: 36px;margin-left: 10px;}

/* 首页新闻版块 */
.h-news{ background: url(../images/h-news-bg.jpg) no-repeat top center; width: 100%; height: 900px; clear: both; margin: 0 auto; }
.h-news .wrap{ background: url(../images/h-news-bg.jpg) no-repeat top center; height: 900px; clear: both; margin: 0 auto; box-sizing: border-box; padding: 45px 0;}
/* display: flex; justify-content: space-between; align-content: center; */
.home_hd { margin-bottom: 20px;}
.home_hd .main-tit{ width: 302px; height: 70px; clear: both; margin: 0 auto; color: #373136; font:bold 36px/40px "Microsoft YaHei"; background: url(../images/h-tit-bg.png); text-align: center; box-sizing: border-box; padding-top: 30px;}
.home_hd .main-txt{ text-align: center; color: #787878; height: 50px; font:16px/50px "Microsoft YaHei";}

.h-news_bd{ overflow:hidden;}
.h-news_bd .h-doc_list{ float:left;width:900px; }
.h-doc_toutiao{ height: 110px; position: relative; padding-bottom: 20px; }
.h-doc_toutiao:after{ position: absolute; content: ""; height: 1px; left: 0; right: 0; bottom: 0; background: url(../images/toutiao_bg.png) repeat-x;}
.h-doc_toutiao .tit{ font:bold 20px/50px "Microsoft YaHei"; height: 50px; padding-right: 15px;}
.h-doc_toutiao .tit a{ color: #353535; text-decoration: none;}
.h-doc_toutiao .tit span{ float: right; color: #9e9c9c; font: 14px/50px "Microsoft YaHei"; font-weight: normal;}
.h-doc_toutiao .txt{ color: #6d6d6d; font: 14px/30px "Microsoft YaHei";}

.h-txt_list ul{ margin: 20px 0 10px;}
.h-txt_list ul li{ height: 45px; line-height: 36px; background: url(../images/icon-doc-list.png) no-repeat 0 12px; padding-left: 30px; padding-right: 15px;}
.h-txt_list ul li a{ color: #353535; font: 16px/45px "Microsoft YaHei"; text-decoration: none;}
.h-txt_list ul li span{ float: right; color: #9e9c9c; font: 14px/45px "Microsoft YaHei";}

.h-img_list{ overflow:hidden;}
.h-img_list .item{ background: #fff; height: 108px; margin-top: 20px;}
.h-img_list .item .pic{ float:left;margin-right:30px;}
.h-img_list .item .pic img{ width: 172px; height: 108px; }
.h-img_list .item .inf{ padding: 0 15px;}
.h-img_list .item .inf .tit{ height: 40px;}
.h-img_list .item .inf .tit a{ color: #353535; font: 18px/40px "Microsoft YaHei"; text-decoration: none;}
.h-img_list .item .inf .tit span{ float: right; color: #9e9c9c; font: 14px/40px "Microsoft YaHei";}
.h-img_list .item .inf .txt{ height: 60px; color: #6d6d6d; font:14px/30px "Microsoft YaHei";}

.h-news_bd .h-faq_list{ width: 460px; box-sizing: border-box; padding: 0 30px 30px 30px; background-color: #fff; box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.1);}
.h-faq_list .h-faq_ad{ width: 400px; height: 124px; margin: 15px 0 20px 0;}
.h-faq_list .h-faq_ad img{ width: 400px; height: 124px;}
.h-faq_list .h-faq_box{}
.picMarquee-top{ margin:0 auto; width:400px; height: 400px; overflow:hidden; position:relative; }
.picMarquee-top .bd{ padding:0; }
.picMarquee-top .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-top .bd ul li{ zoom:1; margin-bottom:5px;}
.picMarquee-top .bd ul li a {display: block;height: 27px;line-height: 27px; color: #383839;font-weight: bold; margin-bottom: 8px;padding-left: 32px;background: url(../images/wen.png) no-repeat;}
.picMarquee-top .bd ul li p {color: #9a9a9a;line-height: 24px;padding-left: 32px;background: url(../images/da.png) no-repeat;}

h3.h-tit{ height: 80px; font:bold 24px/80px "Microsoft YaHei"; position: relative; color: #c8a063; padding: 0 20px 0 40px;}
h3.h-tit span{ float: right; font:14px/40px "Microsoft YaHei"; color: #353535; padding-top: 20px;}
h3.h-tit:before{ position: absolute; content: ""; height: 3px; left: 0; bottom: 0; background-color: #c8a063; width: 160px;}
h3.h-tit:after{ position: absolute; content: ""; height: 1px; left: 0; right: 0; bottom: 0; background-color: #bac4cd;}
h3.icon-doc{ background: url(../images/icon-doc.png) no-repeat 0 22px;}
h3.icon-faq{ background: url(../images/icon-faq.png) no-repeat 0 22px;}

/* 内页 */
.inpage-banner { width: 100%;height: 380px;background-repeat: no-repeat;background-position: center top;}
.contain {width: 1200px; margin: 0 auto; position: relative; overflow: hidden;}
.pageBnr-box {color: #fff;position: relative;margin-top: 130px;overflow: hidden;}
.pageBnr-box h1 {font-size: 30px;margin: 2px 0 14px;position: relative;	font-weight: bold;}
.pageBnr-box i {display: block; width: 80px; height: 3px; background-color: #fff; position: relative;}

.mianbaoxie1200 { width: 100%; height: 50px; margin-top: -50px;position: relative; z-index: 9; }
.mianbaoxie1200 .con {width: 100%;height: 50px;background: url(../images/mub01addressBg.png) repeat;}
.mianbaoxie1200 .p1 { height: 50px; line-height: 50px; font-size: 1.3rem; color: #fff; float: left; width: 1180px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mianbaoxie1200 .p1 a {color: #fff; padding: 0 4px;}
.mianbaoxie1200 .p1 img {margin: 0 10px 0 20px;position: relative; top: 4px;}
.mianbaoxie1200 .p2 {float: right;  color: #fff; line-height: 50px; margin-right: 22px;}

.ny_con {background: #f4f4f4; padding: 30px 0;}
.aboutMenu {width: 1200px; text-align: center; margin: 0 auto;}
.aboutMenu li {display: inline-block; color: #333333;background-color: #fff;border: solid 1px #e5e5e5;border-radius: 30px;line-height: 38px;margin-left:10px; width: 141px; text-align: center; margin-bottom:30px;}
.aboutMenu li a { color: #333; text-decoration: none; display: block;}
.aboutMenu li.cur { background-color: #c8a063; border-color:#c8a063;}
.aboutMenu li.cur a { color: #fff;}
.aboutMenu li:hover {background-color:#c8a063;border-color: #c8a063;}
.aboutMenu li:hover a { color: #fff;}

.pagebody{background: #fff; padding:30px; width:1200px; margin: 0 auto; font: 1.6rem/2.8rem Arial;}
.pagebody .image1{ float:left; padding-right:50px; padding-bottom:30px; }
.pagebody h1{text-align:center; margin-bottom:30px; font: bold 32px/40px "Microsoft YaHei";}

.prog_c{overflow:hidden; margin-bottom:30px;}
.prog_c .dl {width: 265px;height: 330px;padding: 30px 18px; margin:10px; float: left;color: #666;line-height: 27px;text-align: center;background: #f2f2f2;}
.prog_c .dt {position: relative;height: 159px;width: 159px;display: block;margin: 0 auto;background: #fff;border-radius: 50%;box-shadow: 1px 0px 20px 2px rgba(0, 0, 0, 0.1), -1px 0px 20px 2px rgba(0, 0, 0, 0.1);}
.prog_c .dd {overflow: hidden; font-size:1.4rem; line-height: 2.2rem; margin-top:1rem;}    
.prog_c .dd h3 {display: block;	overflow: hidden;color: #333;font-size: 20px;padding: 10px 0;font-weight: bold;}
.prog_c .dd b {font-weight: normal;  color: #047dcb;}    
.prog_c .progl1 {margin: 0 0 0 20px;}  
.prog_c .dt img {display: block;width: 85px;height: 88px;position: absolute;left: 37px;top: 35px;}

/*工厂实力*/
.caseimg03{display:block;height:265px;position:relative;overflow:hidden;background-color:#ffffff;}
.caseimg03 img{display:block;width:100%;}
.caselist03{width: 1200px;  margin: 0 auto; overflow:hidden;}
.caselist03 ul li{width: 378px; float:left; padding:11px;}
.caselist03 ul li a{color:#333333; }
.caselist03 ul li h4{padding:15px 0px;background-color:#f2f2f2;font-size:14px;}
.caselist03 ul li h4 span{display:block;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:center; }
.caselist03 ul li:hover h4{background-color:#c8a063;color:#ffffff;}
.caseimg03:after{content:""; width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(203, 168, 108, 0.35);background-image:url(../images/case02.png);background-repeat:no-repeat;background-position:center;opacity:0;
transition:all .6s;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s;}
.caseimg03 img{position:relative;top:50%;left:50%; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.eimg03:after{display:block;}
.caselist03 ul li:hover .caseimg03:after{opacity:1;}

/*企业文化*/
.culture-top {padding: 25px 0; margin-bottom:20px;}
.culture-top .fl {width: 48.5%;float: left; padding-left: 25px;line-height: 26px;}
.culture-top h3 {font-size: 30px; padding-bottom: 25px; font-weight: bold;  color: #c8a063;}
.culture-top .p1 {padding: 10px 0;}
.culture-top .p1:before {content: ''; display: inline-block; width: 8px;height: 8px; background-color: #c8a063; border-radius: 50%; overflow: hidden;margin-right: 13px;}
.culture-top img.fr { width: auto;float: right; margin-left: 30px; margin-top: 0;}
.culture-top:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

/*分页相关*/
.pagelist ul{text-align:center;margin:20px 0; font-size:14px;}
.pagelist li{display:inline-block;margin:0 3px; }
.pagelist li a{color:#666;display:inline-block;border:1px solid #ddd;padding:2px 10px; border-radius: 4px; line-height:2rem;}
.pagelist li a:hover{border-color:#c8a063;background:#c8a063;color:#fff;}
.pagelist li.active a{border-color:#c8a063;background:#c8a063;color:#fff;}

/*产品中心*/
.product-box{width: 1200px;  margin: 0 auto; overflow:hidden;}
.left-side-box{width: 320px;  float:left;}
.left-side-box .side_title {font-size: 32px; color: #fff; background-color: #c8a063; height: 90px; text-align: center; font-weight: normal;padding-top: 1.5rem;}
.left-side-box .side_title span {display: block;font-size: 12px; color: #fff; text-transform: uppercase; margin-top: 5px;}
.left-side-box .sidebarMenu {padding: 30px; background-color:#fff;}
.left-side-box .sidebarMenu>li{height: 40px;text-indent: 26px; font-size: 15px;background-color: #666;line-height: 40px; margin-bottom:25px; border-radius: 20px;}
.left-side-box .sidebarMenu>li a{display: block;width: 100%; height: 100%; position: relative;  color: #fff;}
.left-side-box .sidebarMenu>li i {display: block;width: 23px;height: 23px; background-color: #fff; border: solid 1px #ddd; position: absolute; right: 10%; top: 8px; z-index: 9;border-radius: 50%;}
.left-side-box .sidebarMenu>li i:before {content: ''; display: block; width: 7px; height: 12px; background: url(../images/proList.png) no-repeat;position: relative;left: 8px;top: 5px;}
.left-side-box .sidebarMenu>li:hover, .left-side-box .sidebarMenu .hover{background-color: #c8a063;}

.left-side-box .sidebar .box2 {margin-top: 20px;background: #fff; margin-bottom: 20px;}
.left-side-box .sidebar .box2 .phone {padding-left: 86px;padding-top: 25px; padding-bottom: 20px; border-bottom: 1px solid #eaeaea; position: relative;}
.left-side-box .sidebar .box2 .phone>i { display: block; width: 44px; height: 44px; background-color: #c8a063; border-radius: 50%; position: absolute; left: 32px; top: 25px; z-index: 9; }
.left-side-box .sidebar .box2 .phone>i:before { content: ''; display: block; width: 100%; height: 100%; background: url(../images/phone.png) no-repeat; position: absolute; left: 0; top: 0; z-index: 99; border-radius: 50%; }
.left-side-box .sidebar .box2 .phone span {display: block;  color: #333333;}
.left-side-box .sidebar .box2 .phone p {font-size: 24px; color: #c8a063; font-family: arial;}
.left-side-box .sidebar .intro {padding: 28px 28px 24px;}
.left-side-box .sidebar .intro p {color: #333333; margin-bottom: 8px; line-height: 20px;}
.left-side-box .sidebar .intro p em {  color: #333; font-family: arial;}

@media(min-width:999px){
.right-side-box{width: 850px; float:right;}
.productList{overflow: hidden; }
.productList ul{width: 930px;}
.productList li{float:left;width: 268px;margin-right: 20px;margin-bottom: 20px;position: relative;}
.productList li .pImg{display: block;height: 190px;overflow: hidden;position: relative;}
.productList li .pImg img{width: 100%;height: 100%;transition: all .5s}
.productList li .pImg:before{position: absolute;content: "";left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,0.7);opacity: 0;transition: all .5s;z-index: 1}
.productList li:hover .pImg:before{opacity: 1}
.productList li .pImg:after{content: "";position: absolute;width:47px;height: 49px;background: url(../images/view-case.png) no-repeat center center;z-index: 2;left: 50%;top: 50%;transition: all .5s;opacity: 0;margin-left: -25px;margin-top: -25px;transform: scale(0);}
.productList li:hover .pImg:after{opacity: 1;transform: scale(1.0);}
.productList li:hover .pImg img{transform: scale(1.2);-ms-transform: scale(1.2);  -webkit-transform: scale(1.2);  -o-transform: scale(1.2);   -moz-transform: scale(1.2); }
.productList li h4{height: 50px;line-height: 50px;text-align: center;color: #333;font-weight: normal;transition: all .5s;background-color: #fff}
.productList li:hover h4{background: #c8a063; color: #fff;}
}

/*产品详情页*/
.proDetailsIntro{ background-color:#FFFFFF; padding:20PX; overflow:hidden;}
.proDetailsIntro .conL {width:50%;float: left;position: relative;height: 100%;border-right: 1px solid #e4e4e4;}
.proDetailsIntro .conL i {display: block;width: 44px;height: 44px;position: absolute;z-index: 9;cursor: pointer;overflow: hidden;top: 50%;margin-top: -22px;}
.proDetailsIntro .conL i.prev {left: -1px;}
.proDetailsIntro .conL i.next {right: -1px;}
.proDetailsIntro .conL .btnList {width: 100%;height: 10px;text-align: center;position: absolute;bottom: 18px;}
.proDetailsIntro .conL .btnList span {display: inline-block;width: 9px;height: 9px;overflow: hidden;position: relative; background-color: #ccc; border-radius:50%; margin-left: 14px;cursor: pointer;}
.proDetailsIntro .conL .btnList span.cur {background-color: #c8a063;}
.proDetailsIntro .conL .btnList span:first-child {margin-left: 0;}
.proDetailsIntro .conL .conBox {width: 100%;height: 100%;position: relative;overflow: hidden;}
.proDetailsIntro .conL .conBox ul {position: relative;top: 0;left: 0;}
.proDetailsIntro .conL .conBox li {float: left;width: 100%;}
.proDetailsIntro .conL .conBox li img {display: block;width: 100%;height: auto;}

.proDetailsIntro .conR {float: right;width: 42%;height: 100%;position: relative; }
.proDetailsIntro .conR .title {font-size: 24px;color: #3e3e3e;font-weight: normal;padding-bottom: 10px;}
.proDetailsIntro .conR p { padding:5px;color: #333;}
.proDetailsIntro .conR .prodcut-tel {padding-left: 50px;margin-bottom: 10px;line-height: 26px; background: url(../images/p_icon.png) no-repeat left center;}
.proDetailsIntro .conR .prodcut-tel span {font-family: arial; font-size: 24px; color: #c8a063; display: block;}
.proDetailsIntro .conR .btn a {display: inline-block;width: 140px;height: 40px;line-height: 40px;text-align: center;background: #3e3e3e url(../images/proshow_icon1.png) no-repeat 20px 14px;color: #fff;transition: all 0.3s;border-radius: 6px;}
.proDetailsIntro .conR .btn .a02 {background: #3e3e3e url(../images/proshow_icon2.png) no-repeat 20px 13px;margin-left: 25px;}
.proDetailsIntro .conR .btn a:hover{background-color: #c8a063}

.p_detail{ background-color:#FFFFFF; padding:20PX; margin-top:20px;  overflow:hidden;}
.p_detail .tie {height: 40px;line-height: 40px;background: #eee;color: #fdd100;font-size: 16px; font-weight: normal; margin-bottom:20px;}
.p_detail .tie span {padding: 0 30px;background: #c8a063; display: inline-block; color: #fff;}
.p_detail .content { margin-bottom:15px;  line-height:26px;}
.p_detail .content table {width: 100%;margin: 0 auto;border: none; margin-bottom:20px;}
.p_detail .content table tr {width: 100%;margin: 0 auto;background: #dadada;height: 36px;line-height: 36px;padding: 0 5%;box-sizing: border-box;-moz-box-sizing: border-box;	/* Firefox */
	-webkit-box-sizing: border-box;	/* Safari */display: inline-block;}
.p_detail .content table tr:nth-child(2n) {background: #f2f2f2}
.p_detail .content table tr td:nth-child(1) {width: 35%;	float: left;color: #595959;	}
.p_detail .content table tr td:nth-child(2) {float: left;color: #595959;width: 64%}

h3.tag {line-height: 32px; border-top: 1px dashed #e0e1dc; margin-top: 30px;  }
h3.tag a{ padding: 5px 10px; font-size: 12px; background-color: #666; color:#fff; line-height: 40px; margin-right: 5px; border-radius:10px;}
.page {line-height: 26px;border-top: 1px dashed #e0e1dc; padding-top: 5px;font-size: 12px;}

/* 采购表单样式 */
.orderBox{padding:25px;overflow:hidden;margin:0 auto; background-color: #fff; margin-top: 20px;}
.orderBox h3{font-size:18px;line-height:18px;font-weight: bold; text-align:center;}
.orderBox .table{padding-top:20px;overflow:hidden;}
.orderBox .table li{margin:10px; width: 380px;float: left; display: block;}
.orderBox .table li .iptTxt{width: calc(100% - 2px);width: -moz-calc(100% - 2px);background: #f2f2f2;height: 38px;line-height: 38px; border: 1px solid #e5e5e5;border-radius: 5px;outline: none;  text-indent: 10px; }
.orderBox .table li .btn{width:385px;height:35px;line-height:35px;background:#333;cursor:pointer;font-size:14px;color:#fff;text-align:center;border:none;}
.orderBox .table li .btn:hover{background:#c8a063;color:#fff; border:none;}
.orderBox .table li.areLi{width:100%;height:215px;overflow:hidden;}
.orderBox .table li.areLi .txtContent{width: calc(100% - 24px);background: #f2f2f2;height: 206px;line-height: 38px; border: 1px solid #e5e5e5;border-radius: 5px;outline: none;  text-indent: 10px;}

/* 左侧TAG */
.widget_ui_tags h3 {font-size: 18px; color: #666; border-bottom: 1px solid #eaeaea;background-color: #fbfbfb;margin: 0; padding: 11px 15px 10px;}
.widget_ui_tags .items {overflow: hidden;padding: 1rem;}
.widget_ui_tags .items a {color: #999;background-color: #f6f6f6;float: left;width: 31%;margin:1%; padding: 0 8px; font-size: 12px;height: 29px;line-height: 29px;overflow: hidden;}

.widget_ui_posts h3 {font-size: 18px; color: #666; border-bottom: 1px solid #eaeaea;background-color: #fbfbfb;margin: 0; padding: 11px 15px 10px;}

.widget_ui_posts .has-thumb a {padding-right: 90px; min-height: 76px;}
.widget_ui_posts .items-01{overflow: hidden;padding: 15px;}
.widget_ui_posts .items-01 li a {border-bottom: solid 1px #eee;overflow: hidden;position: relative;display: block;}
.widget_ui_posts .items-01 .thumbnail {position: absolute;right: 0;top: 8px;}
.widget_ui_posts .items-01 .thumbnail img {width: 80px; height: 60px;}
.widget_ui_posts  .items-01 .text { margin-top: 20px;display: block;}

/* 新闻列表 */
.news_list{background-color: #fff; padding:20px;}
.news_list ul li{border-bottom:1px #f2f2f2 solid;}
.news_list ul li a{display:block;overflow:hidden; padding:15px 0px;}
.news_list ul li .img{float:left;margin-right:25px;overflow: hidden;}
.news_list ul li .img img{max-width:none;width:290px; height:200px;-webkit-transition:.6s;-moz-transition:.6s;-ms-transition:.6s;transition:.6s;}
.news_list ul li .text{width:calc(100% - 350px);float:left;}
.news_list ul li .text h3{font-size:16px;margin:15px 0;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_list ul li .text p{font-size:14px;color:#999;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;margin-bottom:25px;line-height:24px;}
.news_list ul li .text .time em{display:inline-block;vertical-align:top;color:#666;padding-left:30px;background:url(../images/bg07.png) left center no-repeat;font-size:14px;line-height:32px;}
.news_list ul li .text .time span{float:right;width:118px;height:32px;line-height:32px;border:1px #666 solid;text-align:center;font-size:14px;color:#666;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;}
.news_list ul li:hover .img img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.news_list ul li:hover .text .time span{background:#c8a063;color:#fff;border-color:#c8a063;}

/* 新闻详情页 */
.n_detail{ background-color:#FFFFFF; padding:20PX;overflow:hidden;}
.n_detail h1 {height: 40px;line-height: 40px;font-size: 16px; font-weight: bold; margin-bottom:10px; text-align: center;}
.n_detail .content { margin-bottom:15px;  line-height:26px;}
.n_detail .content img{ padding:10px 0px;}
.n_detail .tips {padding: 0 0 10px;border-bottom: 1px dotted #ddd;margin: 0 0 10px;line-height: 22px;text-align: center; }
.n_detail .tips span {padding: 0 6px;}

/* 联系我们 */
.map-tabbox {text-align: left;border-bottom: 2px solid #EBEBEB;}
.map-tabbox h1 {font-size: 20px;padding-bottom: 25px; font-weight: bold; display: inline-block; border-bottom: 2px solid #c8a063; margin-bottom: -2px;}
.contact{ padding-top:20px; overflow: hidden; }
.contact_left {float: left; width: 500px;padding-right: 5%;}
.contact_left p{font-size: 16px; line-height: 28px; padding-bottom:15px;}
.contact_right {height: 374px;width: 600px;overflow: hidden;position: relative;}
#allmap {width: 100%;height: 560px; line-height:28px; font-size:14px;}
#allmap b{color: #c8a063;font-weight: bold; }
#allmap img{max-width: none;}

.m-cat-2{ padding-top:100px; overflow: hidden; }
.m-cat-2 ul li{ width:345px; height:218px; padding:0 10px 0 18px; float:left; line-height:30px; border-radius:4px; overflow:hidden; background-color:#f2f2f2; margin-left:40px; margin-bottom: 40px;}
.m-cat-2 ul li:first-child{ margin-left:0;}
.m-cat-2 ul li:nth-child(4) { margin-left:0;}
.m-cat-2 ul li h2{font-size:18px;  margin-top:30px;  overflow:hidden;}
.m-cat-2 ul li p{font-size:14px;}
.m-cat-2 ul li:hover{ background-color:#c8a063; color:#fff;}

/* 服务 */
.fuwu {background: #fff;padding: 30px; width: 1200px; margin: 0 auto;}
.s_tie{font-size:30px;color:#555;font-weight:normal;background: url('../images/support_icon4.png') no-repeat;padding-left:40px;line-height:30px;height:60px;}
.support{ overflow: hidden;}
.support_font{width:570px;background:#eaeaea;padding:40px;height:545px;}
.support_font .font{height:200px;margin-bottom:20px;font-size:14px;line-height:34px;}
.support_font.fr{background:#f3f3f3;}
.support_faq .tie{height:60px;line-height:60px;padding:0 40px 0 80px;font-size:22px;background:#c8a063 url('../images/support_icon3.png') no-repeat 40px center;cursor:pointer;color:#fff;margin-bottom:15px;}

/* 常见问题 */
.faqList li{position:relative;margin-bottom:25px;}
.faqList li:after{content:''; position:absolute; top:12px; right:16px; display:block; width:30px; height:30px; background:#c8a063;pointer-events:none;}
.faqList li h3:before, .faqList li h3:after{content:''; position:absolute; top:26px; right:23px; z-index:2; width:16px; height:2px; background:#fff;}
.faqList li h3:before{width:2px; height:16px; top:19px; right:30px; -webkit-transition:0.3s; transition:0.3s;}
.faqList li.act h3:before{-webkit-transform:rotate(90deg); transform:rotate(90deg);background:transparent\0;}
.faqList li h3{position:relative; padding:0 60px 0 25px; background-color:#f1f1f1; line-height:54px; font-size:16px; cursor:pointer;font-weight:normal;border:1px solid #e1e1e1;}
.faqList li div{display:none;padding:25px;line-height:25px;color:#7c7c7c;-webkit-animation:fadeIn 0.5s ease-out 0.2s both; animation:fadeIn 0.5s ease-out 0.2s both;font-size:14px;background:#f5f5f5;}
.support_faq .more {text-align:center;}
.support_faq .more a {line-height: 30px;border: 1px solid #d6d6d6;border-radius: 15px; padding: 8px 50px;}
.support_faq .more a:hover{background:#c8a063; color:#fff; transition:all 0.3s;}
  
/* 内页留言样式 */
.feedback{margin:50px 0;overflow:hidden;}
.feedback .title{text-align:center;font-size:24px;font-weight:normal;margin-bottom:25px;color:#333;position:relative;}
.feedback .title span{padding:0 25px;background: #fff;position:relative;z-index:2;}
.feedback .title::before{content:"";border-bottom:1px solid #e1e1e1;width:100%;left:0;position:absolute;top:25px;}
.feedback label{display:block;height:32px;line-height:32px;font-size:14px;position:relative;}
.feedback input{width:85%;height:30px;line-height:30px;border:1px solid #dbdbdb; outline:none; text-indent: 10px;}
.feedback .list {width:560px;padding:20px; float:left;}
.feedback .list .reds {color: #f00;margin-right: 5px;}
.feedback .msg{padding:20px; float:left; }
.feedback textarea{height:125px;width:1078px;border:1px solid #dbdbdb;display:block; outline:none; text-indent: 10px;line-height: 28px;}
.feedback .btns{width:120px;height:40px;margin-right:10px; background:#c8a063;color:#fff;border:none;font-size:15px;margin-bottom:0;cursor:pointer;}
.feedback .submit{text-align: center;}
.feedback .btns:hover{background:#333;transition:all 0.3s;}
.feedback .reset{background:#ccc;cursor:pointer;margin-bottom:0;}
.feedback input:focus,.feedback textarea:focus{border-color:#666;}

@media(max-width:999px){
.wap{ display: block;}
.pc{ display:none;}

/* 顶部*/
#header{ width: 100%; height: auto; margin: 0 auto; background: none;}
#header .wrap{width: 96%; margin: 0 auto;  overflow:hidden;}

.top-logo {float: left;width: 100%;}
.top-logo .logo img { max-height:60px;}
.top-logo .text {float: left; color: #666666; font-size: 1.8rem; font-weight: normal; display: inline-block; letter-spacing: .02rem; padding: .5rem 0 .5rem .5rem;}
.top-logo .text strong {display: block; font-size: 2rem; line-height:1.8rem; color: #c8a063;font-weight: bold; letter-spacing: .3rem;}

.phone-language{ display:none;}
#nav {background-color: #c8a063;width: 100%;}
.web_nav {width: 90%; height: 50px; line-height: 50px;  color: #fff;  font-size: 16px;  margin: 0 auto;  font-weight: bold;}
.btn-menu {display: block;float: right;	position: relative;	background: transparent;	cursor: pointer;padding: 23px 0;width: 26px;height: 16px;-webkit-transition: all ease .238s;-moz-transition: all ease .238s;transition: all ease .238s;	outline: none;}
.btn-menu:before, .btn-menu:after, .btn-menu span {background-color: #ffffff;-webkit-transition: all ease .238s;-moz-transition: all ease .238s;transition: all ease .238s;}
.btn-menu:before, .btn-menu:after {content: '';	position: absolute;	height: 1px;width: 100%;left: 0;top: 50%;-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;
}
.btn-menu span {position: absolute;	width: 100%;height: 1px;left: 0;top: 50%;overflow: hidden;text-indent: 200%;}
.btn-menu:before {-webkit-transform: translate3d(0, -7px, 0);transform: translate3d(0, -7px, 0);}
.btn-menu:after {-webkit-transform: translate3d(0, 7px, 0);transform: translate3d(0, 7px, 0);}
.btn-menu.active span {opacity: 0;}
.btn-menu.active:before {background-color: #ffffff;	-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);}
.btn-menu.active:after {background-color: #ffffff;-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);}

#nav ul li {float: left;width: 100%;background: #f1f1f1;border-bottom: 1px solid #ffffff;margin: 0 0;}
#nav ul li a {color: #333;display: block;width: 98%;padding: 0 1%;	font-size: 14px;text-align: center;	height: 45px;line-height: 45px;}

#nav ul {width: 100%;display: none;}

/*首页banner*/
#banner_main {width: 100%;overflow: hidden;	position: relative;	z-index: 1;}
.banner {margin: 0 auto;width: 100%;overflow: hidden;position: relative;z-index: 1;}
.banner .list {width: 100%;overflow: hidden;}
.banner .list li {float: left;width: 100%;overflow: hidden;}
.banner .list li a {display: block;}
.banner .list li img {width: 100%;height: auto;	display: block;}
#banner .tip {width: 80%;height: 0.32rem;line-height: 0.32rem;text-align: center;clear: both;position: absolute;left: 8%;bottom: 3%;z-index: 2;font-size: 0;}
#banner .tip span {display: inline-block;vertical-align: middle;width: 2.5rem;height: 0.5rem;margin: 0 0.1rem;vertical-align: middle;opacity: 0.5;filter: alpha(opacity=50);background: #fcfcfc;	border-radius: 12px;}
#banner .tip span.cur {background: #c8a063;	opacity: 1;filter: alpha(opacity=100);}

/* 首页分类、产品版块 */
.h-goods{ background: none; width: 100%; height: auto; margin: 0 auto; }
.h-goods .wrap{ align-content: center;     padding: 1rem 0 0; overflow:hidden;}
.h-goods_l{ float: none;  padding:0; width: 100%; }
.h-classify_hd {overflow:hidden; width: 97%; margin: 0 auto;  }
.h-classify_hd ul{overflow:hidden;}
.h-classify_hd ul li{ width:33%; float:left;background-color: #7d7d7d; border-left: 1px solid #fff; border-bottom: 1px solid #fff; text-align: center;}
.h-classify_hd ul li a{height: 3.8rem; line-height:3.8rem; color: #fff;text-align: center;  }
.h-classify_hd ul li.cur,.h-goods_l .h-classify_hd ul li:hover{ background-color: #c8a063;}
.h-classify_hd ul li:first-of-type a{ border-left: 0;}

.h-goods_l .h-classify_bd{overflow:hidden; padding-top:1rem; }
.h-goods_l .h-classify_bd ul{margin: 0 auto;}
.h-goods_l .h-classify_bd li{float:left;width: 45%; margin:2%; position: relative;}
.h-goods_l .h-classify_bd li .pImg{display: block;height: 128px;overflow: hidden;position: relative;}
.h-goods_l .h-classify_bd li .pImg img{width: 100%;height: 100%;transition: all .5s}
.h-goods_l .h-classify_bd  li .pImg:before{position: absolute;content: "";left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,0.7);opacity: 0;transition: all .5s;z-index: 1}
.h-goods_l .h-classify_bd  li:hover .pImg:before{opacity: 1}
.h-goods_l .h-classify_bd li .pImg:after{content: "";position: absolute;width:47px;height: 49px;background: url(../images/view-case.png) no-repeat center center;z-index: 2;left: 50%;top: 50%;transition: all .5s;opacity: 0;margin-left: -25px;margin-top: -25px;transform: scale(0);}
.h-goods_l .h-classify_bd li:hover .pImg:after{opacity: 1;transform: scale(1.0);}
.h-goods_l .h-classify_bd  li:hover .pImg img{transform: scale(1.2);-ms-transform: scale(1.2);  -webkit-transform: scale(1.2);  -o-transform: scale(1.2);   -moz-transform: scale(1.2); }
.h-goods_l .h-classify_bd  li h4{height: 3.5rem;line-height: 3.5rem;text-align: center;color: #333;font-weight: normal;transition: all .5s;background-color: #f2f2f2}
.h-goods_l .h-classify_bd  li:hover h4{background: #c8a063;color: #fff;}

.h-goods_r{ float: right; width: 315px; height: 625px;}
.h-goods_r .h-goods_toCenter{ width: 315px; height: 290px; background: url(../images/h-class-bg.jpg); display: flex; flex-direction: column; justify-content: flex-start; align-self: center;} 
.h-goods_toCenter h5.desc,.h-goods_toCenter h2.tit,.h-goods_toCenter a{ display: block; text-align: center; color: #fff; text-decoration: none;}
.h-goods_toCenter h5.desc{ font:22px/40px "Microsoft YaHei"; padding: 50px 0 20px;}
.h-goods_toCenter h2.tit{ font:60px/60px "Microsoft YaHei"; padding-bottom: 30px;}
.h-goods_toCenter a{ background-color: #fff; color: #c8a063; width: 180px; height: 40px; font:16px/40px "Microsoft YaHei"; margin: 0 auto;}
.h-goods_r .h-goods_ads{ padding:0 10px 10px 10px; background-color: #f0f0f0;}
.h-goods_r .h-goods_ads a{ display: block; width: 295px; height: 325px;}
.h-goods_r .h-goods_ads a img{ width: 295px; height: 325px;}

/* 我们的优势 */
.h-youshi{  overflow:hidden;}
.h-youshi .wrap{ background:none; width: 96%; margin: 0 auto; box-sizing: border-box; padding-top: .1rem; overflow:hidden;}
.h-youshi_row{ padding: 1rem 0; overflow:hidden;}
.h-youshi_row .pic{ display:none;}
.h-youshi_row .inf{width:100%;}
.h-youshi_row .inf .item{ margin-bottom: 2rem;}
.h-youshi_row .inf .item .tit{margin-bottom: 1.5rem; overflow:hidden;}
.h-youshi_row .inf .item .tit .inf-index{ width: 58px; height: 58px; background:url(../images/icon-youshi.png); margin-top:0rem; margin-right: 1rem; text-align: center; color: #fff; font:bold 2.8rem/5.8rem "Microsoft YaHei"; float:left}
.h-youshi_row .inf .item .tit .inf-title{ margin-left:70px}
.h-youshi_row .inf .item .tit .inf-title h4{ color: #c8a063; font:bold 1.8rem/2.5rem "Microsoft YaHei";}
.h-youshi_row .inf .item .tit .inf-title h5{ color: #363636; font:bold 1.4rem/2rem "Microsoft YaHei";}
.h-youshi_row .inf .item .txt{ padding-left: 3rem; margin-right: 0rem; }
.h-youshi_row .inf .item .txt p{ margin-bottom:1rem;}

/* 公司简介 */
.h-about{ background: url(../images/wap-about-bg.jpg) no-repeat;width: 100%; height: auto; }
.h-about .wrap{ background: url(../images/wap-about-bg.jpg) no-repeat;width: 100%; height: auto;}
.home-about_info{ color: #fff; font: 14px/30px "Microsoft YaHei"; box-sizing: border-box; padding:5%; height: auto;}
.home-about_info h1{font: 2.2rem/3rem "Microsoft YaHei"; text-align:center; font-weight:bold; }
.home-about_info p{ padding: 5px 0;}
.home-about_info a{ display: block;  background-image: url(../images/about-more-btn.jpg); color: #fff; width: 146px; height: 40px; font:14px/40px "Microsoft YaHei"; text-decoration: none; text-align: left; box-sizing: border-box; padding-left: 36px; margin-top: 20px;}

/* 实力展示 */
.home-shili_hd{ display: flex; justify-content: space-between; height: auto; box-sizing: border-box; padding: 3%;}
.home-shili_hd .to_more{ display:none;}
.home-shili_hd .box{ width: 100%; height: auto; background-color: #fff; padding: 0 3%;}
.picMarquee-left{ overflow:hidden; position:relative;}
.picMarquee-left .bd{ padding:3% 0 0 0; }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 5px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; width: 178px; height: 125px; border: 1px solid rgba(203, 168, 108, 0.4); padding:2px;}
.picMarquee-left .bd ul li .pic img{ width: 178px; height: 125px; display:block }
.picMarquee-left .bd ul li .tit{ height: 35px; font: 14px/35px "Microsoft YaHei";}

.h-apply{ display:none;}

/* 首页新闻版块 */
.h-news{ background: none; width: 100%; height: auto; clear: both; margin: 0 auto; }
.h-news .wrap{ background: none; height: auto; clear: both; margin: 0 auto; box-sizing: border-box; padding: 3rem 0;}
.home_hd { margin-bottom: 0px; padding:0 5%; }
.home_hd .main-tit{background:none;font:bold 2.2rem/3.8rem "Microsoft YaHei";  padding-top: 1.5rem; height:auto;}
.home_hd .main-txt{ height: 2rem; font:1.2rem/1.5rem "Microsoft YaHei";}

.h-news_bd{ overflow:hidden;}
.h-news_bd .h-doc_list{ width:96%;margin: 0 auto; float:none;}
.h-doc_toutiao{ height: auto; position: relative; padding-bottom: 0rem; margin-top: 10px; margin-bottom: 10px;}
.h-doc_toutiao:after{ display:none;}
.h-doc_toutiao .tit{ font:bold 1.6rem/3rem "Microsoft YaHei"; height: 3rem; padding-right: 15px;}
.h-doc_toutiao .tit a{ color: #353535; text-decoration: none;}
.h-doc_toutiao .tit span{ display:none;}
.h-doc_toutiao .txt{ color: #6d6d6d; font: 14px/30px "Microsoft YaHei";}

.h-txt_list ul{ margin: 20px 0 10px;}
.h-txt_list ul li{ height: 40px; line-height: 40px; background: url(../images/icon-doc-list.png) no-repeat 0 17px; padding-left: 30px; padding-right: 15px;}
.h-txt_list ul li a{ color: #353535; font: 1.4rem/5.5rem "Microsoft YaHei"; text-decoration: none;}
.h-txt_list ul li span{ display:none;}

.h-img_list{}
.h-img_list .item{ background: #fff; height:auto;margin-top: 20px;}
.h-img_list .item .pic {float: none;margin-right: 0px;}
.h-img_list .item .pic img{ width: 100%; height: auto;}
.h-img_list .item .inf{ padding:.5rem;}
.h-img_list .item .inf .tit{ height: auto;}
.h-img_list .item .inf .tit a{ color: #353535; font: 1.4rem/2rem "Microsoft YaHei"; text-decoration: none;}
.h-img_list .item .inf .tit span{ display:none;}
.h-img_list .item .inf .txt{height: auto;font: 1.2rem/2rem "Microsoft YaHei";}

.h-news_bd .h-faq_list{ width: 100%; float:left;box-sizing: border-box; padding: 3%; background-color: #fff; box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.1);}
.h-faq_list .h-faq_ad{ width: 100%; height: auto; margin:10px auto;}
.h-faq_list .h-faq_ad img{width: 100%; height: auto;}
.h-faq_list .h-faq_box{}
.picMarquee-top{ margin:0 auto; width:100%; height: auto; overflow:hidden; position:relative; }
.picMarquee-top .bd{ padding:0; }
.picMarquee-top .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-top .bd ul li{ zoom:1; margin-bottom:5px;}
.picMarquee-top .bd ul li a {display: block;height: 27px;line-height: 27px; color: #383839;font-weight: bold; margin-bottom: 8px;padding-left: 32px;background: url(../images/wen.png) no-repeat;}
.picMarquee-top .bd ul li p {color: #9a9a9a;line-height: 24px;padding-left: 32px;background: url(../images/da.png) no-repeat;}

h3.h-tit{ height: 50px; font:bold 18px/32px "Microsoft YaHei"; position: relative; color: #c8a063; padding: 0 20px 0 40px;}
h3.h-tit span{ float: right; font:14px/40px "Microsoft YaHei"; color: #353535; padding-top: 20px;}
h3.h-tit:before{ position: absolute; content: ""; height: 3px; left: 0; bottom: 0; background-color: #c8a063; width: 160px;}
h3.h-tit:after{ position: absolute; content: ""; height: 1px; left: 0; right: 0; bottom: 0; background-color: #bac4cd;}
h3.icon-doc{ background: url(../images/icon-doc.png) no-repeat 0 22px; display:none;}
h3.icon-faq{ background: url(../images/icon-faq.png) no-repeat 0 0px;}

/* 通用底部-左 */
.f-box .btm-l{ float: none; width: 100%; padding-top: 0rem; }
.f-box .btm-l .link-box{ display:none;}
.f-box .btm-l .copyright{ color: #8a8a8a; padding:5%; line-height:2rem;}
.f-box .btm-l .copyright a{ text-decoration: none; color: #8a8a8a;}
.f-box .btm-l .copyright a:hover{ color: #fff;}
/* 通用底部-右 */
.f-box .btm-r{ display:none;}

/* 内页 */
.inpage-banner { width: 100%;height: 250px;background-repeat: no-repeat;background-position: center top;}
.contain {width: 100%; margin: 0 auto; position: relative; overflow: hidden;}
.pageBnr-box {color: #fff;position: relative;margin-top: 15%; margin-left:10%;overflow: hidden;}
.pageBnr-box h1 {font-size: 2.5rem;margin: 2px 0 14px;position: relative;	font-weight: bold;}
.pageBnr-box i {display: block; width: 80px; height: 3px; background-color: #fff; position: relative;}

.mianbaoxie1200 { width: 100%; height: 50px; margin-top: -50px;position: relative; z-index: 9; }
.mianbaoxie1200 .con {width: 100%;height: 50px;background: url(../images/mub01addressBg.png) repeat;}
.mianbaoxie1200 .p1 { height: 50px; line-height: 50px; font-size: 1.3rem; color: #fff; float: left; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.mianbaoxie1200 .p1 a {color: #fff; padding: 0 4px;}
.mianbaoxie1200 .p1 img {margin: 0 10px 0 20px;position: relative; top: 4px;}
.mianbaoxie1200 .p2 {float: right;  color: #fff; line-height: 50px; margin-right: 22px;}

.ny_con {background: #f4f4f4; padding: 1.5rem 0;}
.aboutMenu {width: 100%; text-align: center; margin: 0 auto; padding-bottom:1.5rem;}
.aboutMenu li {display: inline-block; width: 31.3%;  float: left;height: 3rem;margin: 1%;font-size: 1.3rem;background-color: #666;line-height: 3rem;border-radius: 0px;text-indent: 0px;}
.aboutMenu li a { color: #fff; text-decoration: none; display: block;}
.aboutMenu li.cur { background-color: #c8a063; border-color:#c8a063;}
.aboutMenu li.cur a { color: #fff;}
.aboutMenu li:hover {background-color:#c8a063;border-color: #c8a063;}
.aboutMenu li:hover a { color: #fff;}

.pagebody{background: #fff; padding:3%; width:100%; margin: 0 auto; font-size:1.4rem;}
.pagebody .image1{ float:left; padding-right:0px; padding-bottom:1rem; }
.pagebody h1{text-align:center; margin-bottom:1rem; font: bold 2rem/30px "Microsoft YaHei";}

.prog_c{overflow:hidden; margin-bottom:30px;}
.prog_c .dl {width: 46%;height: 295px;padding:2rem 1rem;float: left;color: #666;line-height: 27px;text-align: center;background: #f2f2f2; margin:2%;}
.prog_c .dt {position: relative;height: 100px;width: 100px;display: block;margin: 0 auto;background: #fff;border-radius: 50%;box-shadow: 1px 0px 20px 2px rgba(0, 0, 0, 0.1), -1px 0px 20px 2px rgba(0, 0, 0, 0.1);}
.prog_c .dd {overflow: hidden; font-size:1.4rem; line-height: 2.2rem; margin-top:1rem;}    
.prog_c .dd h3 {display: block;	overflow: hidden;color: #333;font-size: 1.8rem;padding: 10px 0;font-weight: bold;}
.prog_c .dd b {font-weight: normal;  color: #047dcb;}    
.prog_c .dt img {display: block;width: 85px;height: 88px;position: absolute;left: 5px;top: 5px;}

/*工厂实力*/
.caseimg03{display:block;height:130px;position:relative;overflow:hidden;background-color:#ffffff;}
.caseimg03 img{display:block;width:100%;}
.caselist03{width: 100%;  margin: 0 auto; overflow:hidden;}
.caselist03 ul li{width: 50%; float:left; padding:1%;}
.caselist03 ul li a{color:#333333; }
.caselist03 ul li h4{padding:.5rem;background-color:#f2f2f2;font-size:14px;}
.caselist03 ul li h4 span{display:block;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:center; }
.caselist03 ul li:hover h4{background-color:#c8a063;color:#ffffff;}
.caseimg03:after{content:""; width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(203, 168, 108, 0.35);background-image:url(../images/case02.png);background-repeat:no-repeat;background-position:center;opacity:0;
transition:all .6s;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s;}
.caseimg03 img{position:relative;top:50%;left:50%; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.eimg03:after{display:block;}
.caselist03 ul li:hover .caseimg03:after{opacity:1;}

/*企业文化*/
.culture-top {padding:2%; margin-bottom:1rem;}
.culture-top .fl {width: 100%;float: none; padding-left: 0rem;line-height: 2.6rem;}
.culture-top h3 {font-size: 2rem; padding-bottom: 1rem; font-weight: bold;  color: #c8a063;}
.culture-top .p1 {padding: .5rem 0;}
.culture-top .p1:before {content: ''; display: inline-block; width: 8px;height: 8px; background-color: #c8a063; border-radius: 50%; overflow: hidden;margin-right: 13px;}
.culture-top img.fr { width: auto;float: right; margin-left:0px; margin-top: 0;}
.culture-top:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

/*分页相关*/
.pagelist ul{text-align:center;margin:20px 0; font-size:14px;}
.pagelist li{display:inline-block;margin:0 3px; }
.pagelist li a{color:#666;display:inline-block;border: none;padding:0rem; border-radius: 4px; line-height:2rem;}
.pagelist li a:hover{border-color:#c8a063;background:#c8a063;color:#fff;}
.pagelist li.active a{border-color:#c8a063;background:#c8a063;color:#fff;}
.pagelist li .tcdNumber{color:#666;}

/*产品中心*/
.product-box{width: 100%;  margin: 0 auto; overflow:hidden;}
.left-side-box{width: 100%;  float: none;}
.left-side-box .sidebar{overflow:hidden;}
.left-side-box .side_title { display:none;}
.left-side-box .sidebarMenu {padding:1%;}
.left-side-box .sidebarMenu>li{ width:31.3%; float:left; height: 3rem; margin:1%;font-size:1.3rem;background-color: #666;line-height: 3rem;border-radius: 0px; text-indent: 0px;}
.left-side-box .sidebarMenu>li a{display: block;width: 100%; height: 100%; position: relative;  color: #fff; text-align:center;}
.left-side-box .sidebarMenu>li i { display:none}


.left-side-box .sidebar .box2 {margin-top: 20px;background: #fff; margin-bottom: 20px;}
.left-side-box .sidebar .box2 .phone {display:none;}
.left-side-box .sidebar .intro {display:none;}


.right-side-box{width: 100%; float: none;}
.productList{overflow: hidden; }
.productList ul{width: 100%;}
.productList li{float:left;width: 46%;margin:2%;position: relative;}
.productList li .pImg{display: block;height: auto;overflow: hidden;position: relative;}
.productList li .pImg img{width: 100%;height: 100%;transition: all .5s}
.productList li h4{height: 50px;line-height: 50px;text-align: center;color: #333;font-weight: normal;transition: all .5s;background-color: #fff}

/*产品详情页*/
.proDetailsIntro{ background-color:#FFFFFF; padding:2%; overflow:hidden;}
.proDetailsIntro .conL {width:100%;float: none;position: relative;height: 100%;border-right: 1px solid #e4e4e4;}
.proDetailsIntro .conL i {display: block;width: 44px;height: 44px;position: absolute;z-index: 9;cursor: pointer;overflow: hidden;top: 50%;margin-top: -22px;}
.proDetailsIntro .conL i.prev {left: -1px;}
.proDetailsIntro .conL i.next {right: -1px;}
.proDetailsIntro .conL .btnList {width: 100%;height: 10px;text-align: center;position: absolute;bottom: 18px;}
.proDetailsIntro .conL .btnList span {display: inline-block;width: 9px;height: 9px;overflow: hidden;position: relative; background-color: #ccc; border-radius:50%; margin-left: 14px;cursor: pointer;}
.proDetailsIntro .conL .btnList span.cur {background-color: #c8a063;}
.proDetailsIntro .conL .btnList span:first-child {margin-left: 0;}
.proDetailsIntro .conL .conBox {width: 100%;height: 100%;position: relative;overflow: hidden;}
.proDetailsIntro .conL .conBox ul {position: relative;top: 0;left: 0;}
.proDetailsIntro .conL .conBox li {float: left;width: 100%;}
.proDetailsIntro .conL .conBox li img {display: block;width: 100%;height: auto;}

.proDetailsIntro .conR {float: none;width: 100%;height: 100%;position: relative; padding:0px 3%;}
.proDetailsIntro .conR .title {font-size: 1.6rem;color: #3e3e3e;font-weight: normal;padding-bottom: 1rem; text-align:center;}
.proDetailsIntro .conR p { padding:.3px;color: #333;}
.proDetailsIntro .conR .prodcut-tel {padding-left: 50px;margin-bottom: 10px;line-height: 26px; background: url(../images/p_icon.png) no-repeat left center;}
.proDetailsIntro .conR .prodcut-tel span {font-family: arial; font-size: 24px; color: #c8a063; display: block;}
.proDetailsIntro .conR .btn a {display: inline-block;width: 140px;height: 40px;line-height: 40px;text-align: center;background: #3e3e3e url(../images/proshow_icon1.png) no-repeat 20px 14px;color: #fff;transition: all 0.3s;border-radius: 6px;}
.proDetailsIntro .conR .btn .a02 {background: #3e3e3e url(../images/proshow_icon2.png) no-repeat 20px 13px;margin-left: 25px;}
.proDetailsIntro .conR .btn a:hover{background-color: #c8a063}

.p_detail{ background-color:#FFFFFF; padding:20PX; margin-top:20px;  overflow:hidden;}
.p_detail .tie {height: 40px;line-height: 40px;background: #eee;color: #fdd100;font-size: 16px; font-weight: normal; margin-bottom:20px;}
.p_detail .tie span {padding: 0 30px;background: #c8a063; display: inline-block; color: #fff;}
.p_detail .content { margin-bottom:15px;  line-height:26px;}
.p_detail .content table {width: 100%;margin: 0 auto;border: none; margin-bottom:20px;}
.p_detail .content table tr {width: 100%;margin: 0 auto;background: #dadada;height: auto;line-height: 3rem;padding: 0 5%;box-sizing: border-box;-moz-box-sizing: border-box;	/* Firefox */
	-webkit-box-sizing: border-box;	/* Safari */display: inline-block;}
.p_detail .content table tr:nth-child(2n) {background: #f2f2f2}
.p_detail .content table tr td:nth-child(1) {width: 35%;	float: left;color: #595959;	}
.p_detail .content table tr td:nth-child(2) {float: left;color: #595959;width: 64%}

h3.tag {line-height: 32px; border-top: 1px dashed #e0e1dc; margin-top: 30px;  }
h3.tag a{ padding:.3rem; font-size: 12px; background-color:transparent; color:#323232; line-height: 40px; margin-right: 5px; border-radius:10px;}
.page {line-height: 26px;border-top: 1px dashed #e0e1dc; padding-top: 5px;font-size: 12px;}

/* 采购表单样式 */
.orderBox{padding:1.5rem;overflow:hidden;margin:0 auto; background-color: #fff; margin-top: 1rem;}
.orderBox h3{font-size:18px;line-height:18px;font-weight: bold; text-align:center;}
.orderBox .table{padding-top:20px;overflow:hidden;}
.orderBox .table li{margin:10px; width: 100%;float: left; display: block;}
.orderBox .table li .iptTxt{width: 100%;background: #f2f2f2;height: 38px;line-height: 38px; border: 1px solid #e5e5e5;border-radius: 5px;outline: none;  text-indent: 10px; }
.orderBox .table li .btn{width:385px;height:35px;line-height:35px;background:#333;cursor:pointer;font-size:14px;color:#fff;text-align:center;border:none;}
.orderBox .table li .btn:hover{background:#c8a063;color:#fff; border:none;}
.orderBox .table li.areLi{width:100%;height: auto;overflow:hidden;}
.orderBox .table li.areLi .txtContent{width:100%;background: #f2f2f2;height: 100px;line-height: 2rem; border: 1px solid #e5e5e5;border-radius: 5px;outline: none; padding:3%;}

/* 左侧TAG */
.widget_ui_tags h3 {font-size: 18px; color: #666; border-bottom: 1px solid #eaeaea;background-color: #fbfbfb;margin: 0; padding: 11px 15px 10px;}
.widget_ui_tags .items {overflow: hidden;padding: 1rem;}
.widget_ui_tags .items a {color: #999;background-color: #f6f6f6;float: left;width: 31%;margin:1%; padding: 0 8px; font-size: 12px;height: 29px;line-height: 29px;overflow: hidden;}

.widget_ui_posts h3 {font-size: 18px; color: #666; border-bottom: 1px solid #eaeaea;background-color: #fbfbfb;margin: 0; padding: 11px 15px 10px;}

.widget_ui_posts .has-thumb a {padding-right: 90px; min-height: 76px;}
.widget_ui_posts .items-01{overflow: hidden;padding: 15px;}
.widget_ui_posts .items-01 li a {border-bottom: solid 1px #eee;overflow: hidden;position: relative;display: block;}
.widget_ui_posts .items-01 .thumbnail {position: absolute;right: 0;top: 8px;}
.widget_ui_posts .items-01 .thumbnail img {width: 80px; height: 60px;}
.widget_ui_posts  .items-01 .text { margin-top: 20px;display: block;}

/* 新闻列表 */
.news_list{background-color: #fff; padding:2%;}
.news_list ul li{border-bottom:1px #f2f2f2 solid;}
.news_list ul li a{display:block;overflow:hidden; padding:15px 0px;}
.news_list ul li .img{float: none;margin-right:0px;overflow: hidden;}
.news_list ul li .img img{max-width:none;width:100%; height: auto;-webkit-transition:.6s;-moz-transition:.6s;-ms-transition:.6s;transition:.6s;}
.news_list ul li .text{width:100%;float:left;}
.news_list ul li .text h3{font-size:16px;margin:0;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_list ul li .text p{font-size:14px;color:#999;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;margin-bottom:0px;line-height:24px;}
.news_list ul li .text .time em{display:inline-block;vertical-align:top;color:#666;padding-left:30px;background:url(../images/bg07.png) left center no-repeat;font-size:14px;line-height:32px;}
.news_list ul li .text .time span{float:right;width:118px;height:32px;line-height:32px;border:1px #666 solid;text-align:center;font-size:14px;color:#666;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;}
.news_list ul li:hover .img img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.news_list ul li:hover .text .time span{background:#c8a063;color:#fff;border-color:#c8a063;}

/* 新闻详情页 */
.n_detail{ background-color:#FFFFFF; padding:3%;overflow:hidden;}
.n_detail h1 {height: 40px;line-height: 40px;font-size: 16px; font-weight: bold; margin-bottom:10px; text-align: center;}
.n_detail .content { margin-bottom:15px;  line-height:26px;}
.n_detail .content img{ padding:.5rem 0px;}
.n_detail .tips {padding: 0 0 10px;border-bottom: 1px dotted #ddd;margin: 0 0 10px;line-height: 22px;text-align: center; }
.n_detail .tips span {padding: 0 6px;}

/* 服务 */
.fuwu {background: #fff;padding: 0px; width: 100%; margin: 0 auto;}
.s_tie{font-size:2rem;color:#555;font-weight:normal;background: url('../images/support_icon4.png') no-repeat;padding-left:40px;line-height:30px;height:60px;}
.support{ overflow: hidden; }
.support_font{width:100%;background:#eaeaea;padding:3%;height: auto;}
.support_font .font{height: auto;margin-bottom:1rem;font-size:14px;line-height:34px;}
.support_font.fr{background:#f3f3f3;}
.support_faq .tie{height:40px;line-height:40px;padding:0 0 0 45px;font-size:1.6rem;background:#c8a063 url('../images/support_icon3.png') no-repeat 5px center;cursor:pointer;color:#fff;margin-bottom:15px;}

/* 常见问题 */
.faqList li{position:relative;margin-bottom:25px;}
.faqList li:after{content:''; position:absolute; top:12px; right:16px; display:block; width:30px; height:30px; background:#c8a063;pointer-events:none;}
.faqList li h3:before, .faqList li h3:after{content:''; position:absolute; top:26px; right:23px; z-index:2; width:16px; height:2px; background:#fff;}
.faqList li h3:before{width:2px; height:16px; top:19px; right:30px; -webkit-transition:0.3s; transition:0.3s;}
.faqList li.act h3:before{-webkit-transform:rotate(90deg); transform:rotate(90deg);background:transparent\0;}
.faqList li h3{position:relative; padding:0 0 0 1.5rem; background-color:#f1f1f1; line-height:54px; font-size:1.4rem; cursor:pointer;font-weight:normal;border:1px solid #e1e1e1;}
.faqList li div{display:none;padding:25px;line-height:25px;color:#7c7c7c;-webkit-animation:fadeIn 0.5s ease-out 0.2s both; animation:fadeIn 0.5s ease-out 0.2s both;font-size:14px;background:#f5f5f5;}
.support_faq .more {text-align:center;}
.support_faq .more a {line-height: 30px;border: 1px solid #d6d6d6;border-radius: 15px; padding: 8px 50px;}
.support_faq .more a:hover{background:#c8a063; color:#fff; transition:all 0.3s;}
  
/* 内页留言样式 */
.feedback{margin:2rem 0;overflow:hidden;}
.feedback .title{text-align:center;font-size:24px;font-weight:normal;margin-bottom:0rem;color:#333;position:relative;}
.feedback .title span{padding:0 25px;background: #fff;position:relative;z-index:2;}
.feedback .title::before{content:"";border-bottom:1px solid #e1e1e1;width:100%;left:0;position:absolute;top:25px;}
.feedback label{display:block;height:32px;line-height:32px;font-size:14px;position:relative;}
.feedback input{width:100%;height:30px;line-height:30px;border:1px solid #dbdbdb; outline:none; text-indent: 10px;}
.feedback .list {width:100%;padding:.3rem 3%; float: none;}
.feedback .list .reds {color: #f00;margin-right: 5px;}
.feedback .msg{width: 100%; padding:3%; float: none;}
.feedback textarea{height: auto;width:100%;border:1px solid #dbdbdb;display:block; outline:none; text-indent: 10px;line-height: 28px;}
.feedback .btns{width:120px;height:40px;margin-right:10px; background:#c8a063;color:#fff;border:none;font-size:15px;margin-bottom:0;cursor:pointer;}
.feedback .submit{text-align: center;}
.feedback .btns:hover{background:#333;transition:all 0.3s;}
.feedback .reset{background:#ccc;cursor:pointer;margin-bottom:0;}
.feedback input:focus,.feedback textarea:focus{border-color:#666;}

/* 联系我们 */
.map-tabbox {text-align: left;border-bottom: none; padding:3%}
.map-tabbox h1 {font-size: 1.8rem;padding-bottom: 1.5rem; font-weight: bold; display: inline-block; border-bottom: 2px solid #c8a063; margin-bottom: -2px;}
.contact{  padding:3%; overflow: hidden; }
.contact_left {float: none; width: 100%;padding-right:0px;}
.contact_left p{font-size: 1.4rem; line-height: 28px; padding-bottom:0px;}
.contact_right {height: 200px;width: 100%;overflow: hidden;position: relative;}
#allmap {width: 100%;height: 200px; line-height:28px; font-size:14px;}
#allmap b{color: #c8a063;font-weight: bold; }
#allmap img{max-width: none;}

.m-cat-2{ padding:3%; overflow: hidden; }
.m-cat-2 ul li{ width:100%; height: auto; padding:1rem; float:left; line-height:30px; border-radius:4px; overflow:hidden; background-color:#f2f2f2; margin-left:0rem; margin-bottom:3%;}
.m-cat-2 ul li:first-child{ margin-left:0;}
.m-cat-2 ul li h2{font-size:1.6rem;  margin-top:.5rem;  overflow:hidden;}
}